// import React from "react";
// import { Button } from "antd";
// import { ThemeProvider } from "styled-components";
// import { darkTheme, lightTheme } from "../../theme";
// import styled from "styled-components";
// import { useState } from "react";
import styles from "./style.module.scss";

// const Wrapper = styled.div`
//   background-color: ${(props) => props.theme.background};
//   color: ${(props) => props.theme.color};
//   height: 100vh;
//   align-items: center;
//   flex-direction: column;
//   transition: all 0.3s ease;
// `;

// const ThemeButton = styled(Button)`
//   background-color: ${(props) => props.theme.buttonBackground};
//   color: ${(props) => props.theme.buttonColor};
//   transition: background-color 0.3s ease;
// `;
function Home() {
  // 创建一个基础组件
  // const [isDarkMode, setIsDarkMode] = useState(false);

  return (
    <div className={styles["homeContainer"]}>
      {/* <ThemeProvider theme={isDarkMode ? darkTheme : lightTheme}>
        <Wrapper>
          <div>
            <ThemeButton onClick={() => setIsDarkMode(!isDarkMode)}>
              Switch Theme
            </ThemeButton>
          </div>
        </Wrapper>
      </ThemeProvider> */}
    </div>
  );
}

export default Home;
